
<div class="sidebar-menu-inner">

    <header class="logo-env">

        <!-- logo -->
        <div class="logo">
            <a href="#" class="logo-expanded">
                <i class="icon-img"></i>
            </a>

            <a href="#" class="logo-expanded-write">
                <i class="icon-img"></i>

                <!--<img src="/static/cp//images/logo2w.png" width="53" alt="" />-->
            </a>

            <a href="#" class="logo-collapsed">
                <i class="icon-img"></i>
                <!--<img src="/static/cp//images/logo-collapsed@2x.png" width="40" alt="" />-->
            </a>
        </div>

        <div class="mobile-menu-toggle visible-xs" ng-click="showTooltipMobile()">


            <a href="#" >
                <i class="fa-bars"></i>
            </a>
        </div>


    </header>
    <style>
        #main-menu .tooltip{
            width:100px;
        }
    </style>
    <ul id="main-menu" class="main-menu" ng-class="{true:'mobile-is-visible',false:''}[showClassMobile]">
        <li ng-click="selectBreadcrumb('容器服务')"   class="active" >
            <a ui-sref="cp.service">
                <!--<i class="fa-cube"></i>-->
                <i class="icon-img cube" ></i>
                <span class="title" >容器服务</span>
            </a>
            <md-tooltip class="menu_tooltip" md-direction="right" ng-if='flag' >容器服务</md-tooltip>
        </li>



        <li ng-click="selectBreadcrumb('代码构建')"   >
            <!--<a href="buildList.html">-->
            <a ui-sref="cp.buildlist">
                <!--<i class="fa-code"></i>-->
                <i class="icon-img code"></i>
                <span class="title">代码构建</span>
            </a>
            <md-tooltip class="menu_tooltip" md-direction="right" ng-if='flag'>代码构建</md-tooltip>

        </li>

        <li ng-click="selectBreadcrumb('镜像仓库')"  ng-class="{opened:$state.includes('cp.imagelist'),active:$state.includes('cp.imagelist')} " >
            <a ui-sref="cp.imagelist({type:''})">
                <!--<i class="fa-building"></i>-->
                <i class="icon-img building"></i>
                <span class="title">镜像仓库</span>
            </a>
            <!--<ul>-->
                <!--<li >-->
                    <!--<a ui-sref="cp.imagelist({type:'private'})">-->
                            <!--<span class="title">-->
                                <!--&lt;!&ndash;<i class="fa-angle-right"></i>&ndash;&gt;-->
                                 <!--我的镜像</span>-->
                    <!--</a>-->
                <!--</li>-->
                <!--<li >-->
                    <!--<a ui-sref="cp.imagelist({type:'public'})">-->
                            <!--<span class="title">-->
                                <!--&lt;!&ndash;<i class="fa-angle-right"></i>&ndash;&gt;-->
                                 <!--NatureCloud 镜像</span>-->
                    <!--</a>-->
                <!--</li>-->

            <!--</ul>-->
        </li>

        <li ng-click="selectBreadcrumb('存储管理')"   >
            <a ui-sref="cp.storagelist">
                <!--<i class="fa fa-database"></i>-->
                <i class="icon-img database"></i>
                <span class="title">存储管理</span>
            </a>
            <md-tooltip class="menu_tooltip" md-direction="right" ng-if='flag'>存储管理</md-tooltip>

        </li>
        <li ng-click="selectBreadcrumb('配置组管理')"   >
            <a ui-sref="cp.configFileSetList">
                <!--<i class="fa fa-database"></i>-->
                <i class="icon-img grop"></i>
                <span class="title">配置组管理</span>
            </a>
            <md-tooltip class="menu_tooltip" md-direction="right" ng-if='flag'>配置组管理</md-tooltip>

        </li>
        <li   ng-click="selectBreadcrumb('日志管理')"  ng-show="isShowClusterMenu" >
            <a ui-sref="cp.logManagement">
                <i class="icon-img journal"></i>
                <span class="title">日志管理</span>
            </a>
            <md-tooltip class="menu_tooltip" md-direction="right" ng-if='flag'>日志管理</md-tooltip>

        </li>
        <!--<li >
            <a href="javascript:void(0);" onclick="window.location='/product'" data-toggle="dropdown">
                &lt;!&ndash;<i class="linecons-database"></i>&ndash;&gt;
                <i class="icon-img linecons"></i>
                <span>产品</span>
            </a>
        </li>-->
        <li  id="note">
            <a href="http://docs.naturecloud.io" target="_blank">
                <!--<i class="linecons-note"></i>-->
                <i class="icon-img note"></i>
                <span>文档</span>

            </a>
            <md-tooltip class="menu_tooltip" md-direction="right" ng-if='flag'>文档</md-tooltip >

        </li>

        <li ng-click="selectBreadcrumb('集群管理')"   ng-show="false">
            <a ui-sref="cp.clusterlist">
                <!--<i class="fa fa-tasks"></i>-->
                <i class="icon-img"> </i>
                <span class="title">集群管理</span>
            </a>
        </li>

    </ul>
    <div class="toggle" ng-click="showTooltip()">
        <a href="#"  ><!--data-toggle="sidebar"-->
            <!--<i class="fa-bars"></i>-->
            <i class="icon-img"></i>
        </a>
    </div>
</div>

